<template>
    <div class="max-div" v-if="isShow" @click="closeBigImg">
        <span class='cancleBtn'><van-icon name="close" /></span>
        <img :src="url" :style="{width:size}" />
    </div>
</template>
<script>
export default {
    props:["url","size","isShow"],
    data(){
        return {
        }
    },
    methods:{
        closeBigImg(){
            this.$emit('close')
        }
    }
}
</script>
<style lang="less" scoped>
.max-div{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    .cancleBtn{
      color:white;
      font-size:40px;
      cursor: pointer;
      position: fixed;
      right:300px;
      top:30px;
    }
}
</style>